<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<style>
	#btn_select{
		border:		1px solid black;
	}
</style>
<script>
	$(document).ready(function (){
		$('.carousel').each(function(){
	        $(this).carousel({
	            interval: false
	        });
	    });
	});
	
</script>
<div id="carousel-example-generic" class="carousel" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active" id="btn_select"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1" id="btn_select"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2" id="btn_select"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" style="height:600px;">
    <div class="item active">
    	<jsp:include page="slide/login.jsp" />
		<div class="carousel-caption">
		</div>
    </div>
    <div class="item">
    	<jsp:include page="slide/account.jsp" />
		<div class="carousel-caption">
		</div>
    </div>
    <div class="item">
    	<jsp:include page="slide/find.jsp" />
		<div class="carousel-caption">
		</div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>